<template>
  <el-row style="padding:10px 20px;" class="stationWrap">
       <el-breadcrumb separator-class="el-icon-arrow-right" style="margin-bottom:10px;">
         <el-breadcrumb-item><img style="width: 16px;vertical-align: middle;margin-right: 5px" src="@/assets/indexPage/location.png"/> 数据资源</el-breadcrumb-item>
         <el-breadcrumb-item>数据资源配置</el-breadcrumb-item>
         <el-breadcrumb-item>
           <span style="font-weight:600;">
              {{ activeName }}
           </span>
         </el-breadcrumb-item>
       </el-breadcrumb>
       <el-tabs type="border-card" v-model="activeName" @tab-click="handleClick">
         <el-tab-pane label="FTP平台接口配置信息" name="FTP平台接口配置信息">
          <ftpSetting />
         </el-tab-pane>
       </el-tabs>
   </el-row>
</template>

<script>
  import ftpSetting from "./ftpSetting"
  // import station from "./diagnosticReportPush"
  export default {
    name: "stationWrap",
    components: {
      ftpSetting
    },
    data() {
      return {
        activeName: "FTP平台接口配置信息"
      }
    },
    methods: {
      handleClick(value) {

      }
    }
  }
</script>

<style lang="scss">
  .stationWrap{
    .is-active{
      box-shadow: 0px 0px 10px 0px rgba(55,64,94,0.3);
    }
    .el-tabs--border-card>.el-tabs__header .el-tabs__item{
      border: 1px solid #E4E7ED;
    }
  }
</style>
